<template>
    <div>
        <div class="header">
            <van-nav-bar title="success" @click-left="$router.go(-1)">
                <template #left>
                    <van-icon name="arrow-left" size="25" color='black' />
                </template>
            </van-nav-bar>
        </div>

        <div class="mian">
            <p>
                <van-checkbox v-model="checked" checked-color="#ee0a24" icon-size="24px">
                    <h2>支付成功</h2>
                </van-checkbox>
            </p>
            <van-button type="primary" to="home" round color="#7232dd" plain>返回首页</van-button>
            <van-button type="primary" to="vieworder" round color="#7232dd" plain>查看订单</van-button>
        </div>
    </div>
</template>

<script>
import Vue from 'vue';
import { Checkbox, CheckboxGroup } from 'vant';

Vue.use(Checkbox);
Vue.use(CheckboxGroup);
export default {
    data() {
        return {
            checked: true,
        }
    }
}
</script>

<style scoped>
p {
    margin: 0.5rem 1.2rem;
}

.van-button {
    margin-left: 0.6rem;
}
</style>